<ul class="sidebar-nav">
    <li title="Home">
        <a href="{{site.url}}{{site.baseurl}}/index.html">
            <i class="fa fa-home" aria-hidden="true"></i>
            Home  
        </a>
    </li>
    <li title="archives">
        <a href="{{site.url}}{{site.baseurl}}/archives.html">
            <i class="fa fa-file-archive-o" aria-hidden="true"></i>
            Archives  
            <span class="text-warning pull-right">{{ site.posts.size}}</span>
        </a>
    </li>
    <li title="categories">
        <a href="{{site.url}}{{site.baseurl}}/categories.html">
            <i class="fa fa-tags" aria-hidden="true"></i>
            Categories 
            <span class="text-warning pull-right">{{ site.categories.size}}</span>
        </a>
    </li>
    <li title="Github">
        <a href="https://github.com/akiritsu" >
            <i class="fa fa-github" aria-hidden="true"></i>
            Github
        </a>
    </li>
    <li title="Booklist">
      <a href="{{site.url}}{{site.baseurl}}/computerscience/2013/07/08/booklist.html">
        <i class="fa fa-book" aria-hidden="true"></i>
            Booklist
      </a>
    <li title="message board">
        <a href="{{site.url}}{{site.baseurl}}/about.html" >
            <i class="fa fa-comments" aria-hidden="true"></i>
            Messager
        </a>
    </li>
</ul>
